<template>
  <div class="wangdian">
    <el-popover
        v-model="s.show"
        placement="bottom"
        width="500"
        v-for="(s,i) of list"
        :key="i"
        :visible-arrow="false"
        popper-class="popper-class"
        trigger="click">
      <div class="tit">{{ s.name }}</div>
      <div class="word">{{ s.time }}</div>
      <div class="word">{{ s.address }}</div>
      <div class="word">{{ s.tel }}</div>
      <div :class="['item','w'+i]" slot="reference"></div>
    </el-popover>
  </div>
</template>

<script>
export default {
  name: "zhoubianwangdian",
  mounted() {
    setTimeout(() => {
      this.list[0].show = true
    }, 200)
  },
  data() {
    return {
      list: [
        {
          show: false,
          name: "中国建设银行合肥广西路支行",
          time: "营业时间：周一至周五，周六 9.00-17.00",
          address: "地址：合肥市滨湖新区广西路与紫云路交口滨湖世纪购物中心东南角",
          tel: "电话：0551-62912482"
        },
        {
          show: false,
          name: "中国建设银行合肥湖北路支行",
          time: "营业时间：周一至周五 9.00-17.00",
          address: "地址：合肥市滨湖新区湖北路佳源都市小区8幢",
          tel: "电话：0551-63638572"
        },
        {
          show: false,
          name: "兴业银行合肥分行",
          time: "营业时间：周一至周日 9.00-17.00",
          address: "地址：合肥市滨湖新区西藏路高速滨湖时代广场C2栋",
          tel: "电话：0551-62650888"
        },
        {
          show: false,
          name: "徽商银行合肥滨湖名邸支行",
          time: "营业时间：周一至周六 9.00-17.00",
          address: "地址：合肥市滨湖新区西藏路188号",
          tel: "电话：0551-65195370"
        },
        {
          show: false,
          name: "浦发银行合肥分行",
          time: "营业时间：周一至周日 9.00-17.30",
          address: "地址：合肥市滨湖新区杭州路2608号",
          tel: "电话：0551-68151325"
        },

        {
          show: false,
          name: "广发银行合肥滨湖新区支行",
          time: "营业时间：周一至周日 9.00-17.00",
          address: "地址：合肥市滨湖新区西藏路众悦广场1楼",
          tel: "电话：0551-65955887"
        },

        {
          show: false,
          name: "中国建设银行合肥南宁路支行",
          time: "营业时间：周一至周五，周六 9.00-17.00",
          address: "地址：合肥市滨湖新区庐州大道999号宝文时代中心1幢",
          tel: "电话：0551-63823130"
        },
        {
          show: false,
          name: "中国建设银行合肥滨湖新区支行",
          time: "营业时间：周一至周五，周日 9.00-17.00",
          address: "地址：合肥市滨湖新区徽州大道6699号",
          tel: "电话：0551-62886647"
        }

      ]

    }
  },


}
</script>

<style lang="scss">

.popper-class {
  padding: 0;
  border: 1px solid #245DAE;
}

.tit {
  text-align: center;
  background: #154A96;
  color: #fff;
  height: 40px;
  line-height: 40px;
  font-weight: bold;;
}

.wangdian {
  width: 1920px;
  height: 1080px;
  background: url("../assets/img/zhoubianwangdian/wangdian.png") no-repeat;
  background-size: 1920px 972px;
}

.word {
  line-height: 40px;
  height: 40px;
  text-align: center;
}

.item {
  width: 100px;
  height: 50px;
  position: absolute;
  cursor: pointer;
}

.w0 {
  left: 825px;
}

.w1 {
  left: 1184px;
  top: 153px;
}

.w2 {
  left: 650px;
  top: 468px;
}

.w3 {
  left: 583px;
  top: 543px;
}

.w4 {
  left: 754px;
  top: 596px;
}

.w5 {
  left: 608px;
  top: 658px;
}

.w6 {
  left: 1045px;
  top: 915px;
}
.w7 {
  left: 690px;
  top: 545px;
  background: url("../assets/img/zhoubianwangdian/wujiaoxing.svg") no-repeat 30px 10px;
  background-size: 30px;
}
</style>